<!DOCTYPE html>
<html lang="zh-cn">

<head>

<title>mathml test</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../css/note.css"/>
<style type="text/css">
math {
	display: block;
	text-align: center;
}
</style>

</head>

<body>

<p>mrow: a row of formula, mi: identifier, mo: operator, mn: number
literal
<math>
<mrow>
  <mrow>
    <mi>x</mi>
    <mo>+</mo>
    <mi>y</mi>
  </mrow>
  <mo>=</mo>
  <mn>2</mn>
</mrow>
</math>
</p>

<p>mtext: text, mspace: space
<math>
<mrow>
  <mtext>if&nbsp;</mtext>
  <!--<mspace depth="0.5ex" height="0.5ex" width="1ex"/>-->
  <mrow>
    <mi>x</mi>
    <mo>=</mo>
    <mi>y</mi>
  </mrow>
  <mspace depth="0.5ex" height="0.5ex" width="1ex"/>
  <mtext>那么</mtext>
  <mspace depth="0.5ex" height="0.5ex" width="1ex"/>
  <mrow>
    <mrow>
      <mi>a</mi>
      <mi>x</mi>
    </mrow>
    <mo>=</mo>
    <mrow>
      <mi>a</mi>
      <mi>y</mi>
    </mrow>
  </mrow>
</mrow>
</math>
</p>

<p>mpadded: add extra space
<math>
<mrow>
  <mpadded width="+1ex">
    <mtext>if</mtext>
  </mpadded>
  <mrow>
    <mi>x</mi>
    <mo>=</mo>
    <mi>y</mi>
  </mrow>
  <mpadded lspace="1ex" width="+2ex">
    <mtext>then</mtext>
  </mpadded>
  <mrow>
    <mrow>
      <mi>a</mi>
      <mi>x</mi>
    </mrow>
    <mo>=</mo>
    <mrow>
      <mi>a</mi>
      <mi>y</mi>
    </mrow>
  </mrow>
</mrow>
</math>
</p>

<p>ms: a quoted string.
<math>
<ms>Hello word!</ms>
</math>
</p>

<p>mfrac: fractions
<math>
<mfrac>
  <mrow>
    <mi>x</mi>
    <mo>-</mo>
    <mn>1</mn>
  </mrow>
  <mn>100</mn>
</mfrac>
</math>
</p>

<p>msqrt: square root, mroot: radical
<math>
<msqrt>
  <mi>x</mi>
  <mo>+</mo>
  <mi>y</mi>
</msqrt>
<mo>+</mo>
<mroot>
  <mi>x</mi>
  <mn>3</mn>
</mroot>
</math>
</p>

<p>msub: subscript, msup: superscript
<math>
<msub>
  <mi>x</mi>
  <mi>i</mi>
</msub>
<mo>+</mo>
<msup>
  <mi>x</mi>
  <mi>j</mi>
</msup>
<mo>+</mo>
<msubsup>
  <mi>x</mi>
  <mi>i</mi>
  <mi>j</mi>
</msubsup>
</math>
</p>

<p>munder: underscript, mover: overscript
<math>
<munder>
  <mi>x</mi>
  <mo>&#9472;</mo>
</munder>
<mtext>, </mtext>
<mover>
  <mi>v</mi>
  <mo>&rarr;</mo>
</mover>
<mtext>, </mtext>
<munderover>
  <mo>&Sigma;</mo>
  <mrow><mi>n</mi><mo>=</mo><mn>0</mn></mrow>
  <mi>&infin;</mi>
</munderover>
<mtext>, </mtext>
<munderover>
  <mo>&#8747;</mo>
  <mi>a</mi>
  <mi>b</mi>
</munderover>
</math>
</p>

<p>mtable, mtr, mtd: used to draw matrices and grouped formulae
<math>
<mrow>
  <mo>[</mo>
  <mtable>
    <mtr>
      <mtd>
	    <mfrac>
		  <mn>1</mn>
		  <mn>2</mn>
		</mfrac>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
    </mtr>
    <mtr>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>1</mn>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
    </mtr>
    <mtr>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>1</mn>
      </mtd>
    </mtr>
  </mtable>
  <mo>]</mo>
</mrow>
</math>

<math>
<mrow>
  <mo>[</mo>
  <mtable displaystyle="true">
    <mtr>
      <mtd>
	    <mfrac>
		  <mn>1</mn>
		  <mn>2</mn>
		</mfrac>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
    </mtr>
    <mtr>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>1</mn>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
    </mtr>
    <mtr>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>0</mn>
      </mtd>
      <mtd>
        <mn>1</mn>
      </mtd>
    </mtr>
  </mtable>
  <mo>]</mo>
</mrow>
</math>

<math>
<mrow>
  <mo>{</mo>
  <mtable>
    <mtr>
      <mtd>
        <mrow>
          <mrow>
            <mrow>
              <mn>2</mn>
              <mo>&#8290;</mo>
              <mi>x</mi>
            </mrow>
            <mo>+</mo>
            <mi>y</mi>
          </mrow>
          <mo>=</mo>
          <mn>8</mn>
        </mrow>
      </mtd>
    </mtr>
    <mtr>
      <mtd>
        <mrow>
          <mrow>
            <mi>x</mi>
            <mo>+</mo>
            <mi>y</mi>
          </mrow>
          <mo>=</mo>
          <mn>6</mn>
        </mrow>
      </mtd>
    </mtr>
  </mtable>
</mrow>
</math>
</p>

<p>maligngroup: align formulae, currently not supported by firefox
<math>
<mrow>
  <mo>{</mo>
  <mtable groupalign="{right center right center right}">
    <mtr>
      <mtd>
        <mrow>
          <mrow>
            <mrow>
              <maligngroup/>
              <mn>2</mn>
              <mo>&#8290;</mo>
              <mi>x</mi>
            </mrow>
            <maligngroup/>
            <mo>+</mo>
            <maligngroup/>
            <mi>y</mi>
          </mrow>
          <maligngroup/>
          <mo>=</mo>
          <maligngroup/>
          <mn>8</mn>
        </mrow>
      </mtd>
    </mtr>
    <mtr>
      <mtd>
        <mrow>
          <mrow>
            <maligngroup/>
            <mi>x</mi>
            <maligngroup/>
            <mo>+</mo>
            <maligngroup/>
            <mi>y</mi>
          </mrow>
          <maligngroup/>
          <mo>=</mo>
          <maligngroup/>
          <mn>6</mn>
        </mrow>
      </mtd>
    </mtr>
  </mtable>
</mrow>
</math>
</p>

<p>mlabeledtr: labeled table row, currently not supported by firefox
<math>
<mtable side="left">
  <mlabeledtr>
    <mtd>
      <mtext>Gauss' law</mtext>
    </mtd>
    <mtd>
      <mrow>
        <mrow>
          <mo>&#8711;</mo>
          <mo>&#8901;</mo>
          <mi mathvariant="normal">E</mi>
        </mrow>
        <mo>=</mo>
        <mfrac>
          <mi>&rho;</mi>
          <msub>
            <mi>&epsi;</mi>
            <mn>0</mn>
          </msub>
        </mfrac>
      </mrow>
    </mtd>
  </mlabeledtr>
  <mlabeledtr>
    <mtd>
      <mtext>Gauss's law for magnetism</mtext>
    </mtd>
    <mtd>
      <mrow>
        <mrow>
          <mo>&#8711;</mo>
          <mo>&#8901;</mo>
          <mi mathvariant="normal">B</mi>
        </mrow>
        <mo>=</mo>
        <mn>0</mn>
      </mrow>
    </mtd>
  </mlabeledtr>
</mtable>
</math>
</p>

<p>mfenced: tuple like (x, y, z)
<math>
<mfenced>
  <mi>x</mi>
  <mi>y</mi>
  <mi>z</mi>
</mfenced>
</math>
</p>

<p>menclose: draw box around formula
<math>
<menclose notation="box">
  <mi>n</mi>
  <mo>!</mo>
</menclose>
</math>
</p>

<p>mphantom: invisible text
<math>
<mrow>
  <mfrac>
    <mn>1</mn>
    <msup>
      <mi>x</mi>
      <mphantom>
        <msup>
          <mi>y</mi>
          <mi>z</mi>
        </msup>
      </mphantom>
    </msup>
  </mfrac>
  <mo>+</mo>
  <mfrac>
    <mn>1</mn>
    <msup>
      <mi>x</mi>
      <msup>
        <mi>y</mi>
        <mi>z</mi>
      </msup>
    </msup>
  </mfrac>
</mrow>
</math>
</p>

<p>mstyle</p>

<table class="informaltable" border="1">
	<colgroup>
		<col width="20%">
		<col width="60%">
		<col width="20%">
	</colgroup>
	<thead>
		<tr>
			<th align="center">Attribute Name</th>
			<th align="center">Attribute Value</th>
			<th align="center">Default Value</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				<code>mathvariant</code>
			</td>
			<td>
				<code>normal</code> |
				<code>bold</code> |
				<code>italic</code> |
				<code>bold-italic</code> |
				<code>double-struck</code> |
				<code>bold-fraktur</code> |
				<code>script</code> |
				<code>bold-script</code> |
				<code>fraktur</code> |
				<code>sans-serif</code> |
				<code>bold-sans-serif</code> |
				<code>sans-serif-italic</code> | 
				<code>sans-serif-bold-italic</code> |
				<code>monospace</code>
			</td>
			<td>
				<code>normal</code>
				(except on <code>mi</code>)
			</td>
		</tr>
		<tr>
			<td>
				<code>mathsize</code>
			</td>
			<td>
				<code>small</code> |
				<code>normal</code> |
				<code>big</code> |
				<em><code>number</code></em>
				<em><code>v-unit</code></em>
			</td>
			<td>inherited</td>
		</tr>
		<tr>
			<td>
				<code>mathcolor</code>
			</td>
			<td>
				#<em><code>rgb</code></em> |
				#<em><code>rrggbb</code></em> |
				<em><code>html-color-name</code></em>
			</td>
			<td>inherited</td>
		</tr>
		<tr>
			<td>
				<code>mathbackground</code>
			</td>
			<td>
				#<em><code>rgb</code></em> |
				#<em><code>rrggbb</code></em> |
				<em><code>html-color-name</code></em>
			</td>
			<td>inherited</td>
		</tr>
	</tbody>
</table>

</body>

</html>
